import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import { resolve } from 'path'

const pathResolve = (dir: string) => resolve(__dirname, dir)

// https://vitejs.dev/config/
export default defineConfig({
  resolve: {
    // 这里的alias是路径别名，是运行阶段的替换路径，而tsconfig.json中的paths是编码阶段的提示，
    alias: {
      '@': pathResolve('src'), // path.resolve中，'./src' 等于 'src'
      // '@router': pathResolve('src/router'),
    },
  },
  // server: {
  //   port: 8090, // 启动端口
  //   host: '0.0.0.0' 
  // },
  plugins: [
    vue(),
    // 自动导入api
    AutoImport({
      imports: ['vue', 'vue-router', 'pinia'],
      // 设置为在'src/'目录下生成解决ts报错，默认是当前目录('./'，即根目录)
      dts: 'types/auto-import.d.ts',
      // 自动生成'eslintrc-auto-import.json'文件，在'.eslintrc.cjs'的'extends'中引入解决报错
      // 'vue-global-api'这个插件仅仅解决vue3 hook报错
      eslintrc: {
        enabled: true,
      },
    }),
  ],
})
